<img src="img/android-statusbar-blue.png" style="display:none" id="md-only">
<img src="img/android-statusbar-red.png" style="display:none" id="md-tabs-icon">
<img src="img/android-statusbar-purple.png" style="display:none" id="md-tabs-icon-text">
<img src="img/ios-statusbar.png" style="display:none" id="ios-only">
<img src="img/wp-statusbar.png" style="display:none" id="wp-only">


<ion-menu [content]="content" id="leftMenu" side="left">

  <ion-toolbar primary>
    <ion-title>Menu</ion-title>
  </ion-toolbar>

  <ion-content>
    <!-- Display the side menu pages if it is production -->
    <ion-list *ngIf="isProductionMode">
      <button ion-item *ngFor="#p of pages" (click)="openPage(p)">
        {{p.title}}
      </button>

      <button ion-item menuClose detail-none>
        Close Menu
      </button>
    </ion-list>

    <!-- Display all of the sections if this isn't production -->
    <ion-list *ngIf="!isProductionMode">
      <button ion-item *ngFor="#route of routes" menuClose (click)="openPage(route)" >
        {{ route.path | displayRoute }}
      </button>
    </ion-list>
  </ion-content>

</ion-menu>

<ion-nav id="nav" [root]="rootPage" #content></ion-nav>
